<!--  -->
<template>
  <div class="m-footer-container">
    <el-row class="m-footer-top">
      <el-col :span="4">
        <dl>
          <dt>用户帮助</dt>
          <dd>申请退款</dd>
          <dd>申请退款</dd>
          <dd>申请退款</dd>
          <dd>申请退款</dd>
          <dd>申请退款</dd>
          <dd>申请退款</dd>

        </dl>
        <dl>
          <dt>美团服务</dt>
          <dd>美团外卖</dd>
          <dd>美团外卖</dd>
          <dd>美团外卖</dd>
          <dd>美团外卖</dd>
          <dd>美团外卖</dd>
          <dd>美团外卖</dd>
          <dd>美团外卖</dd>
          <dd>美团外卖</dd>
        </dl>
      </el-col>
      <el-col :span="4">
        <dl>
          <dt>商家合作</dt>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>
          <dd>美食商家入驻(非外卖)</dd>

        </dl>
      </el-col>
      <el-col :span="4">
        <dl>
          <dt>代理商加盟</dt>
          <dd>智能支付渠道加盟商招募</dd>
          <dd>智能支付渠道加盟商招募</dd>
          <dd>智能支付渠道加盟商招募</dd>
          <dd>智能支付渠道加盟商招募</dd>
          <dd>智能支付渠道加盟商招募</dd>
          <dd>智能支付渠道加盟商招募</dd>

        </dl>
        <dl>
          <dt>行业规范</dt>
          <dd>美团点评餐饮管理办法</dd>

        </dl>
        <dl>
          <dt>廉政举报</dt>
          <dd>廉政邮箱</dd>

        </dl>
      </el-col>
      <el-col :span="4">
        <dl>
          <dt>关注美团</dt>
          <dd>关注新浪微博</dd>

        </dl>
        <dl>
          <dt>公司信息</dt>
          <dd>关于我们</dd>
          <dd>关于我们</dd>
          <dd>关于我们</dd>
          <dd>关于我们</dd>
          <dd>关于我们</dd>
          <dd>关于我们</dd>

        </dl>
      </el-col>
      <el-col :span="4">
        <dl>
          <dt>消费者服务热线</dt>
          <dd>外卖消费者：10109777</dd>
          <dd>外卖消费者：10109777</dd>
          <dd>外卖消费者：10109777</dd>

        </dl>
        <dl>
          <dt>商家服务热线</dt>
          <dd>外卖&餐饮商家：10105557</dd>
          <dd>外卖&餐饮商家：10105557</dd>
          <dd>外卖&餐饮商家：10105557</dd>
        </dl>
        <dl>
          <dt>投诉举报热线</dt>
          <dd>违法和不良信息举报电话：4006018900</dd>
          <dd>违法和不良信息举报电话：4006018900</dd>
        </dl>
        <dl>
          <dt>商家自助入驻美团入口</dt>
        </dl>

      </el-col>
    </el-row>

    <el-row class="m-footer-bottom">
      <el-col :span="12">
        <span>©美团网团购 meituan.com京ICP证070791号京ICP备10211739号电子公告服务规则</span><br>
        <span>广播电视节目制作经营许可证（京）字第03889号</span>
      </el-col>
      <el-col
        :span="12"
        class="m-footer-bottom-right"
      >
        <span>京公网安备11010502025545号</span><br>
        <a
          class="sp-ft sp-ft--record"
          href="https://www.meituan.com/about/openinfo"
          title="备案信息"
          target="_blank"
        >备案信息</a>
        <a
          class="sp-ft sp-ft--knet"
          href="http://t.knet.cn/index_new.jsp"
          title="可信网站认证"
          target="_blank"
        >可信网站</a>
        <a
          class="sp-ft sp-ft--12315"
          href="http://www.bj315.org/xfwq/lstd/201209/t20120910_3344.shtml?dnrpluojqxbceiqq"
          title="12315消费争议"
          target="_blank"
        >12315消费争议</a>
      </el-col>
    </el-row>

  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},

  computed: {},

  methods: {}
};
</script>
<style lang='scss' scoped>
.m-footer-container {
  width: 100%;
  height: 630px;
  background-color: rgb(248, 248, 248);
  .m-footer-top {
    display: flex;
    justify-content: space-around;
    text-align: left;
    width: 1190px;
    // background-color: #eee;
    height: 514px;
    margin: 0 auto;
    border-top: 1px solid #eee;
    padding-top: 48px;

    color: #666;
    dl {
      margin-bottom: 20px;
    }

    dt {
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 6px;
    }
    dd {
      font-size: 12px;
      line-height: 24px;
    }
  }
  .m-footer-bottom {
    width: 1190px;
    height: 114px;
    margin: 0 auto;
    border-top: 1px solid #eee;
    // background-color: green;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    text-align: left;
    font-size: 12px;
    line-height: 180%;
    color: #999;
    padding: 20px;
    .m-footer-bottom-right {
      text-align: right;
    }
  }
}
</style>
